<template>
  <div class="common-layout">
    <el-container>
      <el-header style="hight: 500px"><el-container>
      <el-aside width="200px">Aside</el-aside>
      <el-container>
        <el-header>Header</el-header>
        <el-main>Main</el-main>
      </el-container>
    </el-container></el-header>
      <el-main style="height: 500px; margin-top: 300px; display: flex; justify-content: center;">
        <el-row  :gutter="20" style="margin-left: 800px;">
    <el-col :span="6"><div class="grid-content ep-bg-purple" />养殖信息（5/5）</el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" />屠宰信息（5/5）</el-col>
    <el-col :span="6"><div class="grid-content ep-bg-purple" />深加工信息（5/5）</el-col>
  </el-row>
      </el-main>
    </el-container>
  </div>
</template>
<script lang="ts" setup>

</script>


<style>
.el-row {
  margin-bottom: 20px;
}
.el-row:last-child {
  margin-bottom: 0;
}
.el-col {
  border-radius: 4px;
}

.grid-content {
  border-radius: 4px;
  min-height: 36px;
}

</style>
